<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ include file="header.jsp"%>
<div id="main">

	<div id="main-content">

	<ul id="menu" class="tabs">
		<li><a href="#whats">What's</a></li>
		<li><a href="#video">Video</a></li>
		<li><a href="#clients">Clients</a></li>
		<li><a href="#information">Information</a></li>
	</ul>

	<div class="content-wrapper">

	<div id="whats" class="content">
		<div class="col-one col">
		<h2>joogoo って？</h2>
		<p>「じょ～ぐ～」と呼んでください。
			色々なサービスの新着通知を集めて通知してくれるサービスです。</p>

		<p>「じょうごのように情報を集める」から名付けました。
			沖縄の言葉で「とってもすき・だいすき」の意味があるそうです。
			みなさんに「とってもすき」と言ってもらえるサービスに育てたいという思いもこもっています。</p>

		<p>いろいろなサービスでメールで新着の通知を行なっていますが、メールで通知を行なうとメールボックスがいっぱいになって情報がうもれてしまいます。そして、そもそも見に行かないと新着情報に気がつけません。<br />
			joogooを利用すると、さまざまなクライアント・デバイスでプッシュ型で通知を受けることができます。また、一度設定するだけで他のクライアントで同じ設定を利用することも可能です。<br />
			どんどんWebのリアルタイム化が進む時代の中で、新着通知の方法も変わるべきでないかと思っています。
		</p>
		</div>
	</div>

	<div id="video" class="content">
		<div class="col-one col">
			<object id="presentation" width="600" height="420" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle">
			<param name="allowScriptAccess" value="sameDomain" />
			<param name="movie" value="/flash/joogoo.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<param name="allowFullScreen" value="true" />
			<embed src="/flash/joogoo.swf" quality="high" bgcolor="#ffffff" width="600" height="420" name="presentation" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" allowFullScreen="true" />
			</object>
		</div>
	</div>

	<div id="clients" class="content">
		<div class="col-one col">
   		<li><a href="./joogoo_Setting/index.html">サービスの設定</a></li>
   		<li><a href="./ChromeExtension_Setting/index.html">Chrome Extension の設定</a></li>
   		<li><a href="./GetAccessToken/index.html">アクセストークンの取得方法</a></li>
   		<li><a href="./JavaClient_Setting/index.html">Java クライアントの設定</a></li>
   		<li><a href="./client/joogooClient_2011-02-10.zip">Javaクライアントのダウンロード</a></li>
		</div>
	</div>

	<div id="information" class="content">
		<div class="col-one col">
		<p><a href="http://mashupaward.jp/">第６回Mashup Award</a> (MA6) にてサイボウズ賞を受賞しました。
			<a class="image"><img src="/images/MA6Cybozu.JPG" width="100" height="140" /></a>
		</p>
			<p><a href="https://www.youroom.in/r/4057">joogooサポートルーム</a>を youRoom に開設しました。
				ご質問、ご要望をお寄せください。
			</p>
		</div>
	</div>

	</div>
	</div>

	<div id="twt-wgt">
		<script src="http://widgets.twimg.com/j/2/widget.js"></script>
		<script>
				new TWTR.Widget({
  					version: 2,
  					type: 'search',
  					search: '#joogoo_web',
					interval: 6000,
  					title: '#joogoo_web',
  					subject: 'About joogoo',
  					width: 240,
  					height: 400,
  					theme: {
    					shell: {
      					background: '#8ec1da',
      					color: '#ffffff'
    					},
    					tweets: {
      						background: '#ffffff',
      						color: '#444444',
      						links: '#1985b5'
    					}
  					},
  					features: {
    					scrollbar: false,
    					loop: true,
					    live: true,
    					hashtags: true,
    					timestamp: true,
    					avatars: true,
    					toptweets: true,
    					behavior: 'default'
  					}
				}).render().start();
		</script>
	</div>

</div>
<%@ include file="footer.jsp"%>